<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>老侯代读</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" href="/css/style.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/js.js"></script>
    <script src="/js/mask.js"></script>
    <script src="/js/partner.js"></script>
</head>
<body class="hsbg">
<div class="container">
    <div class="nav user-center-nav tuij-nav">
        <ul class="nav-box clearfix wrap">
            <li class="act"><a href="/partner/bankcode.html">绑定银行卡</a></li>
            <li><a href="/partner/alipaycode.html">绑定支付宝</a></li>
        </ul>
    </div>
    <form action="/partner/bankcode" method="post">
        <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
    <div class="form-body">
        <ul class="form-box form-warning">
            <li>
                <p class="form-item">
                    <label for="">持卡人</label>
                    <input id="txtCardName" name="txtCardName" type="text" placeholder="请输入持卡人姓名">
                </p>
            </li>
            <li>
                <p class="form-item">
                    <label for="">银行</label>
                    <span id="selBank" class="sel-bank"></span>
                    <!--<input type="text" placeholder="请输入持卡人姓名">-->
                    <input type="hidden" value="0" name="hiBankType" id="hiBankType">
                </p>
            </li>
            <li class="no-border">
                <p class="form-item">
                    <label for="">卡号</label>
                    <input id="txtCode" name="txtCode" type="text" placeholder="请输入储蓄卡号">
                </p>
            </li>
            <li style="display: none;">
                <p class="form-tips"><span id="">请输入150*****466收到的短信验证码</span></p>
                <p class="form-item check-code">
                    <label for="">验证码</label>
                    <input type="text" placeholder="请输入持卡人姓名">
                    <a class="form-get-code" href="">获取验证码</a>
                </p>
            </li>
        </ul>
        <div class="form-next-step" style="">
            <input type="submit" onclick="return checkBankCodeFrom();" class="mbtn mbtn-sure" name="btnsave" id="btnsave" value="保存">
        </div>
    </div>
    </form>
</div>
<div class="mask" id="mask">
    <div id="askPanel" class="ask-panel">
        <div class="ask-pannel-head">
            <p class="bank-list-tit">开户行</p>
        </div>
        <div class="ask-pannel-body">
            <ul id="bankList" class="bank-list">
                @foreach($bankTypeList as $key=>$value)
                    <li data-id="{{$key}}">{{$value}}</li>
                @endforeach
            </ul>
        </div>
        <div class="ask-pannel-footer">
            <p id="cancleBank" class="cancle-bank">取消</p>
        </div>
    </div>
</div>
<script>
    $(function () {
        var showMask = new mask($("#selBank"), $("#mask"), $("#cancleBank"));
        $("#bankList li").on("click", function () {
            $('#hiBankType').val($(this).attr('data-id'));
            $("#selBank").text($(this).text());
            showMask.close();

        });
        $("#askPanel").on("click", showMask.stopPro);
    })
</script>
</body>
</html>